<template>
    <div id="root">
        <div class="container">
            <Category title="游戏">
                <template v-slot="game">
                    <ul >
                        <li v-for="(d,index) in game.games" :key="index">{{ d }}</li>
                    </ul>
                </template>
            </Category>

            <Category title="游戏">
                <template v-slot="game">
                    <ol >
                        <li v-for="(d,index) in game.games" :key="index">{{ d }}</li>
                    </ol>
                </template>
            </Category>

            <Category title="游戏">
                <template v-slot="game">
                <h4 v-for="(d,index) in game.games" :key="index">
                    {{ d }}
                </h4>
                </template>
            </Category>
        </div>
    </div>

</template>
<script>

import Category from "./components/Category.vue";
export default {
    name:'App',
    components:{Category},
    data(){
        return {


            foods: ['火锅', '烧烤', '小龙虾', '牛排'],
            // games: ['红色警戒','穿越火线','劲舞团','超级玛丽'],
            films: ['教父','拆弹专家','你好，李焕英','尚硅谷']
        }
    },
    methods:{

    }
}
</script>

<style>
.container{
    display: flex;
    justify-content: space-around;
}
</style>
